.open_prize{  
    padding-bottom: 8rem;  
    background: #fff;    
    header{
        display: flex;
        flex-direction: column;
        img{
            width: 100%;
        }
    }
    .select_ticket{
        width: 92.27%;
        margin: 1.62rem auto .44rem auto;
        display: flex;
        justify-content: space-between;
        h2{
            font-size: 1.45rem;
            color: #474c52;
        }
        .bbc{
            width: 4.8rem;
            height: 1.8rem;
            background: #fff;
            line-height: 1.8rem;
            text-align: center;
            font-size: .8rem;
            color: #474c52;
            border: 1px solid #606163;
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            span{
                display: block;
                width: 8px;
                height: 8px;
                border-right: 1px solid #606163;
                border-top: 1px solid #606163;
                transform: rotate(45deg);
            }
        }
    }
    .all_prize{
        .prize_one{
            width: 92.27%;
            margin: 1.74rem auto 0 auto;
            >img{
                width: 100%;
            }
            .prize_text{
                display: flex;
                justify-content: space-between;
                margin-top: .58rem;
                .price{
                    width: 4.5rem;                    
                    border-right: 1px solid #ccc;
                    p{
                        font-size: .8rem;
                        color: #000;
                    }
                    h6{
                        font-size: .8rem;
                        color: #000;
                    }
                }
                .number{
                    display: flex;
                    align-items: center;
                    >p{
                        font-size: .8rem;
                        color: #000;
                        margin-right: 1.22rem;
                    }
                    .change_number{
                        display: flex;
                        [class^=show_]{
                            display: flex;
                            visibility: hidden;                            
                            [class^=num_]{
                                width: 2.32rem;
                                border: none; 
                                border-radius: 0;
                                outline: none;
                                border-bottom: 2px solid #f80e41;
                                font-size: .93rem;
                                color: #2e2e2e;
                                text-align: center;      
                                margin: 0 .7rem;                         
                            }
                        }
                        img{
                            width: 1.57rem;
                            height: 1.57rem;
                        }
                    }
                }
            }
        }
    }
    .pays{
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        background: #fff;
        z-index: 999;
        display: flex;
        justify-content: space-between;     
        align-items: center;      
        border-top: 1px solid #d9d9d9;
        padding: 8px .87rem 8px 1.33rem;
        box-sizing: border-box;
        .total_price{
            p{
                font-size: .8rem;
                color: #000;
            }
            h5{
                font-size: .7rem;
                color: #000;                
                .total{
                    font-size: 1.1rem;
                }
            }
        }
        .pay{
            width: 5.86rem;
            height: 2.1rem;
            line-height: 2.1rem;
            text-align: center;
            background: #f61041;
            font-size: .99rem;
            color: #fff;
            border: none;
            border-radius: 5px;
            
        }
    }
    .swiper-pagination{
        text-align: right;
        padding-right: 20px;
        width: 96%;
        .swiper-pagination-bullet{
            background: #d0d0d0;
        }
        .swiper-pagination-bullet-active{
            background: #ffffff;
        }
    }
}
.spread{
    padding-bottom: 60px;
    .data_list{
        display: block;
    }
    .data_lists img{
        display: block;
    }
}